“Visual Composer - Instagram Gallery with Carousel” Documentation by “Hitesh Khunt” v1.0

“Visual Composer - Instagram Gallery with Carousel”

Created: 12/06/2015
By: Hitesh Khunt
Email: khunthitesh32@gmail.com

Thank you for purchasing my wordpress plugin. If you have any questions that are beyond the scope of this help file, please feel free to email via my user page contact form here. Thanks so much!

Introduction
Main Features
Installation guide
Getting started
Sources and Credits

A) Introduction - top

All in one Carousel give you an incredible flexibility to insert whatever you want in posts and pages body

Everyone can use , because it’s fully automatic, and it’s compatible with all recent versions of wordpress!

B) Main Features - top

Responsive Layout.
3 Grid Style Available
1,2,3,4,5 Columns Layout
Custom backgrond Color and hover background color
Show more
Instagram Feed Carousel
Instagram Feed Gallery

C) Installation guide - top

This part of the documentation is going to cover, in a step by step instruction the installation of WP Plugins on your WordPress blog in general.

Step 1. The most important task is to make certain you have an upto date backup of your blog! This is always a good thing, not necessarily so important for our plugin but in general.
Step 2. Log into your WordPress Admin area.
Step 3. Look down the left hand column for "Plugins" and then click on the word "Plugins".
Step 4. Just to the right of the title “(Manage) Plugins” in the image above, you can see a button marked "Add New", click this button.

Plugin Upload

Step 5. The image above shows the option to upload the plugin from your own PC, this is the vc-instagram-feed.zip inside the zip you had previously downloaded from CodeCanyon. Install the zip and click on "Activate Plugin".

Plugin activation

Installibg by FTP

First, you need a tool for uploading plugin files to your site, you can use filemanager from cPanel or any FTP clients. Some good FTP clients :

Download vc-instagram-feed.zip from CodeCanyon
Extract the vc-instagram-feed directory to your computer
Upload the vc-instagram-feed directory to the /wp-content/plugins/ directory
Activate the plugin in the Plugin dashboard

Also WordPress codex contains instructions on how to do this here.

D) Getting started - top

The simple activation of the plugin is enough to have the desired behavior for all pages.

All Instagram Social Stream Settings

Setting Title	Description	Default	Possible Values
Access Token	You can use your own token or get token authorizing our app. Follow setup guide.Follow setup guide.
Select Layout Type	Select Instagram User feed Layout type.	Feed
Select Type	Select Instagram User feed fetches type.	User
Load per page feed limit	Set Limit for feed par page.	5
Sortby Type	Sort the images in a set order	None
Skin type	Choose skin type for Social feed layout.
Desktop Columns Count	Choose Desktop(PC Mode) Columns Count.(only for "feed layout")	4 Columns
Tablet Columns Count	Choose Tablet Columns Count.(only for "feed layout")	3 Columns
Mobile Columns Count	Choose Mobile Columns Count.(only for "feed layout")	1 Columns
Post load Effect	Select post load effect.(only for "feed layout")	None
Two Feed Between gap remove	remove Two feed between gap.	unchecked	Yes(checked)
Remove feed Content	remove feed Content(like name,date etc)	unchecked	Yes(checked)
Show more	add Show more feed button.	unchecked	Yes(checked)
Show more text	add Show more button text.Default:Show More	None
Resolution	Size of the images to get.default:150x150	150x150
Popup Style	set Popup Style	image
Extra class name	If you wish to style particular content element differently, then use this field to add a class name and then refer to it in your css file.		Add any class name for custom css
Items Display	This variable allows you to set the maximum amount of items displayed at a time with the widest browser width.(only for "Carousel")	4
Show pagination	Show pagination(only for "Carousel")	unchecked	Yes(checked)
Show pagination Numbers	Show numbers inside pagination buttons.(only for check "Show pagination")	unchecked	Yes(checked)
Hide navigation	Display "next" and "prev" buttons.(only for "Carousel")	unchecked	Yes(checked)
AutoPlay	Set Slider Autoplay.(only for "Carousel")	unchecked	Yes(checked)
Select Type	Select twitter feed type.
User ID	Enter twitter Page or Profile id.
Count per page limit	Set Limit for feed par page.	5
Instagram Setting
Select Type	Select Instagram feed type.
User ID	Enter Instagram Page or Profile id.
Count per page limit	Set Limit for feed par page.	5
Youtube Setting
User ID	Enter Youtube Page id.
Enter Playlist ID	(Optional) Enter Youtube Playlist id.
Count per page limit	Set Limit for feed par page.	5
Tumblr Setting
Page ID	Enter Tumblr Page id.
Count per page limit	Set Limit for feed par page.	5
Vimeo Setting
User ID	Enter Vimeo Page or User id.
Count per page limit	Set Limit for feed par page.	5

Color Settings

Setting Title	Description	Possible Values
Feed Background Color	set feed background color.	any color select on color picker
Feed hover Background Color	set feed hover background color.(only for styel1 and style2)	any color select on color picker
Feed Title Color	set Title color.	any color select on color picker
Load more Loader and Text Color	set Load More Loader and Text color.	any color select on color picker

E) Sources and Credits - top

I've used the following css files as listed.

Once again, thank you so much for purchasing this wordpress plugin. As I said at the beginning, I'd be glad to help you if you have any questions relating to this plugin. No guarantees, but I'll do my best to assist. If you have a more general question relating to the plugin on codecanyon, you might consider visiting the forums and asking your question in the "support" section.

Hitesh Khunt

Go To Table of Contents